<!DOCTYPE html>
<html lang="en">

<head>
	<{include file="header.html" }>
		<title>分配学员-班级管理-
			<{$user_data[ 'school_name']}>-德安信会计在线教育平台</title>
		<script>
			$(function() {
				$("#btn_save").click(function() {
					$("form").submit();
				});
			})
		</script>
</head>

<body>
	<div class="wrap">
		<!--star left-->
		<div class="column">
			<{include file="left_menu.html" }>
		</div>
		<div id="ContMianBox">
			<!--star子栏目-->
            <div class="sub-colum">
                <div class="tit"><{$left_menu_min.menu}></div>
                <ul>
                    <{foreach from=$left_menu_min.list item=item}>
                    <li <{if $item['url'] == $left_menu_min.curr}>class="curr"<{/if}>><a href="<{$item['url']}>"><{$item['name']}></a></li>
                    <{/foreach}>
                </ul>
            </div>
            <!--end子栏目-->
			<!--end left-->
			<div class="container narrow">
				<!--star conter-->
				<div class="cetContent">
					<div class="tit p-lr20">
						<a class="c-40d064" href="/classes">班级管理</a><em class="p-lr10 c-CCCCCC fs12">/</em><em>添加班级</em>
					</div>
					<!--star内容区域-->
					<div class="mainScroll">
						<div class="mainContainer line-all">
							<ul class="ui-nav-tab wList33">
								<li class="js-step-1 "><a href="javascript:;">1.编辑班级基本信息</a></li>
								<li class="js-step-2 active"><a href="javascript:;">2.分配班级学员</a></li>
							</ul>
							<div class="tabMainCont">

								<!--star 编辑基本信息-->
								<div class="tabItem step-02 ">
									<form action="/classes/student_allot/<{$class_info['id']}>" method="post">

										<!--star-->
										<div class="fix line-all p30 fs14">
											<ul class="LH30">
												<li><label>班级：</label>
													<{$class_info[ 'class_name']}>
												</li>
												<li><label>课程：</label><span class=""><{$class_info['course_name']}></span></li>
												<li><label>总课时：</label><span class=""><{$class_info['class_hour']}></span></li>
												<li><label>课程周期：</label>
													<{$class_info[ 'start_time']|date_format: '%Y-%m-%d'}>到
														<{$class_info[ 'end_time']|date_format: '%Y-%m-%d'}>
												</li>
												<li><label>上课时间：</label>
													<{$class_info[ 'class_time']}>
												</li>
												<li><label>已选：</label>0/
													<{$class_info[ 'student_count']}>
												</li>
											</ul>
											<table class="layui-table" lay-skin="line">
												<colgroup>
													<col width="80">
													<col width="150">
													<col width="200">
													<col>
												</colgroup>
												<thead>
													<tr>
														<th><input type="checkbox" /></th>
														<th>姓名</th>
														<th>联系电话</th>
														<th>报名时间</th>
													</tr>
												</thead>
												<tbody>
													<{foreach from=$student_list item=item}>
														<tr>
															<td><input type="checkbox" name="student_id[]" value="<{$item['student_id']}>" /></td>
															<td>
																<{$item[ 'name']}>
															</td>
															<td>
																<{$item[ 'phone']}>
															</td>
															<td><span class="c-999999"><{$item['add_time']|date_format: '%Y-%m-%d'}></span></td>
														</tr>
														<{/foreach}>

												</tbody>
											</table>
										</div>
										<!--end-->
										<div class="p-tb30 tac">
											<button class="layui-btn layui-btn-normal">保存</button>
											<a href="/classes" class="layui-btn layui-btn-primary">取消</a>
										</div>
									</form>
								</div>
								<!--end 编辑基本信息-->

							</div>


						</div>
					</div>
				</div>
				<!--end内容区域-->

				<!--end conter-->
			</div>


		</div>
	</div>
	<{include file="footer.html"}>
	<script>
		layui.use('laydate', function() {
			var laydate = layui.laydate;

			var start = {
				min: laydate.now(-30),
				max: laydate.now(+365),
				istoday: false,
				choose: function(datas) {
					end.min = datas; //开始日选好后，重置结束日的最小日期
					end.start = datas //将结束日的初始值设定为开始日
				}
			};

			var end = {
				min: laydate.now(),
				max: laydate.now(+365),
				istoday: false,
				choose: function(datas) {
					start.max = datas; //结束日选好后，重置开始日的最大日期
				}
			};

			document.getElementById('LAY_demorange_s').onclick = function() {
				start.elem = this;
				laydate(start);
			}
			document.getElementById('LAY_demorange_e').onclick = function() {
				end.elem = this
				laydate(end);
			}

		});
	</script>

</body>

</html>
